<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>度假屋详情</title>
    <mystyle>
    <link href="/static/static/css/swiper.min.css" rel="stylesheet" type="text/css">
    <link href="/public/css/houseInfoNew.css" type="text/css" rel="stylesheet"/>
    <link href="/static/static/css/calendar.css" rel="stylesheet" type="text/css">
    <link href="/static/static/css/style.css" rel="stylesheet" type="text/css">
    </mystyle>
</head>
<body data-spy="scroll" data-target="#scrollpry" style="position: relative;">
<div id="branchimg">
    <div class="w1217 center clearfix">
        <img id="bigimg" width="681" height="439" class="pull-left block"
             src="/public/image/${houseInfo.imageGuids[0]}">

        <div class="pull-left w535" id="simg">
            <c:forEach items="${houseInfo.imageGuids}" var="imagesGuid" varStatus="status">
                <c:if test="${status.index<4}">
                    <c:if test="${status.index <2}">
                        <div class="pull-left ml5"><img class="block" src="/public/image/${imagesGuid}"></div>
                    </c:if>
                    <c:if test="${status.index>=2}">
                        <div class="pull-left ml5 mt5"><img class="block" src="/public/image/${imagesGuid}"></div>
                    </c:if>
                </c:if>
            </c:forEach>
        </div>
    </div>
</div>
<div id="demain">
    <div id="dsput">
        <div id="staticposition"></div>
        <div id="scrollpry">
            <div id="line2" class="msfont">

                <ul class="w1217 center clearfix">
                    <li><a href="#dec1">度假屋详情</a></li>
                    <li><a href="#dec2">基本信息</a></li>
                    <li><a href="#dec3">配套设施</a></li>
                    <li><a href="#dec4">增值服务</a></li>
                    <%--<li><a href="#dec5">地理位置</a></li>--%>
                    <li><a href="#dec6">周次划分</a></li>
                    <%--<li><a href="#dec7">其他费用</a></li>--%>
                </ul>

            </div>
        </div>
    </div>
    <div id="decontent" class="msfont">

        <div id="dec1">
            <div class="w1217 center clearfix">

                <div class="key">
                    <div class="htt">${houseInfo.name}</div>
                    <div class="keyword">${houseInfo.houseAddress}</div>
                    <div class="keyico mt10">
                        <ul class="clearfix">
                            <li>
                                <div class="icon1"></div>
                                <p>${houseInfo.houseType}</p></li>
                            <li>
                                <div class="icon2"></div>
                                <p>${houseInfo.personNum}位房客</p></li>
                            <li>
                                <div class="icon3"></div>
                                <p></p></li>
                        </ul>
                    </div>
                </div>
                <div class="decription">${houseInfo.houseFeature}<i class="fa fa-plus"></i>
                </div>
            </div>
        </div>

        <div id="dec2" class="f5bg">
            <div class="w1217 center clearfix">
                <div class="pull-left"><img class="block" src="/static/static/images/f1.jpg"></div>
                <div class="pull-left">
                    <table class="dtable">
                        <tr>
                            <td>床型: 实体床</td>
                            <td>房间类型：${houseInfo.houseType}</td>
                            <td>卫生间：</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>是否豢养宠物： 狗和猫</td>
                            <td>可住：${houseInfo.personNum}人</td>
                            <td>卧室：</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>
                        <%--<tr>--%>
                            <%--<td colspan="5"><a class="coblue" href='#'>《房屋守则》</a></td>--%>
                        <%--</tr>--%>
                    </table>
                </div>
            </div>
        </div>

        <div id="dec3" class="f5bg">
            <div class="w1217 center clearfix">
                <div class="pull-left"><img class="block" src="/static/static/images/f2.jpg"></div>
                <div class="pull-left">
                    <table class="dtable">
                        <tr>
                            <c:forEach items="${houseInfo.equipmentDTOs}" var="equipment">
                                <td>${equipment.name}</td>
                            </c:forEach>
                        </tr>
                        <tr>
                            <c:forEach items="${houseInfo.supportingDTOs}" var="supporting">
                                <td>${supporting.name}</td>
                            </c:forEach>
                        </tr>
                    </table>
                </div>
            </div>
        </div>

        <div id="dec4" class="f5bg">
            <div class="w1217 center clearfix">
                <div class="pull-left"><img class="block" src="/static/static/images/f3.jpg"></div>
                <div class="pull-left mt50 pb50">
                    <div class="clearfix"><img class="pull-left decimg" data-img='/static/static/images/p1.jpg'
                                               src="/static/static/images/p-1.jpg">

                        <div class="pull-left ml10"><img data-img='/static/static/images/p2.jpg' class="block decimg"
                                                         src="/static/static/images/p-2.jpg">
                            <img class="block decimg mt10" data-img='/static/static/images/p7.jpg'
                                 src="/static/static/images/p-7.jpg"></div>
                        <img class="pull-left decimg ml10" data-img='/static/static/images/p3.jpg'
                             src="/static/static/images/p-3.jpg"></div>
                    <div class="clearfix mt10">
                        <img data-img='/static/static/images/p4.jpg ' class="pull-left decimg "
                             src="/static/static/images/p-4.jpg">
                        <img class="pull-left decimg ml10" data-img='/static/static/images/p5.jpg'
                             src="/static/static/images/p-5.jpg">
                        <img data-img='/static/static/images/p6.jpg' class="pull-left decimg ml10"
                             src="/static/static/images/p-6.jpg"></div>
                </div>
            </div>
        </div>
        <%--<div id="dec5" class="f5bg">--%>
            <%--<div class="w1217 center clearfix">--%>
                <%--<div class="pull-left"><img class="block" src="/static/static/images/f4.jpg"></div>--%>
                <%--<div class="pull-left">--%>
                    <%--<img class="block  mt50 pb50" src="/static/static/images/dt.jpg">--%>
                <%--</div>--%>
            <%--</div>--%>
        <%--</div>--%>

        <!--周次划分-->
        <div id="dec6" class="f5bg">
            <div class="w1217 center clearfix">
                <div class="pull-left">
                    <i class="detailLittleIcon03"></i>
                    <h4>周次划分</h4>
                </div>
                <div class="pull-right">
                    <ul class="changeTab clearfix">
                        <c:forEach items="${houseInfo.houseWeekDTOs}" var="list" varStatus="status">
                            <c:choose>
                                <c:when test="${status.index==0}">
                                    <input type="hidden" value="${list}" id="weekFee"/>
                                    <li class="TimeCurrent"><a href="javascript:">
                                        <span style="display:none">${list.guid}</span>${list.name}
                                        <span class="weekPrice" style="display:none">${list.price}</span></a>
                                    </li>
                                </c:when>
                                <c:otherwise>
                                    <li>
                                        <input type="hidden" value="${list}" id="weekFee"/>
                                        <a href="javascript:"><span style="display:none">${list.guid}</span>${list.name}
                                            <span class="weekPrice" style="display:none">${list.price}</span></a>
                                    </li>
                                </c:otherwise>
                            </c:choose>
                        </c:forEach>
                    </ul>
                    <c:forEach items="${houseInfo.houseWeekDTOs}" var="list" varStatus="status">
                        <c:choose>
                            <c:when test="${status.index==0}">
                                <div class="devideText01 TextCurrent">
                                    <span>${list.description}</span>
                                </div>
                            </c:when>
                            <c:otherwise>
                                <div class="devideText01"><span>${list.description}</span>
                                </div>
                            </c:otherwise>
                        </c:choose>
                    </c:forEach>
                </div>
            </div>
        </div>
        <!--周次划分-->

        <!--其他费用-->
        <%--<div id="dec7" class="f5bg">--%>
            <%--<div class="w1217 center clearfix">--%>
                <%--<div class="pull-left">--%>
                    <%--<i class="detailLittleIcon04"></i>--%>
                    <%--<h4>其他费用</h4>--%>
                <%--</div>--%>
                <%--<div class="pull-right">--%>
                    <%--<ul class="clearfix">--%>
                        <%--<c:forEach items="${houseInfo.houseExtraFeeDTOs}" var="list">--%>
                            <%--<li>${list.title}<br>${list.price}<input type="hidden" value="${list.price}"--%>
                                                                     <%--class="houseExtraFeePrice"></li>--%>
                        <%--</c:forEach>--%>
                    <%--</ul>--%>
                <%--</div>--%>
            <%--</div>--%>
        <%--</div>--%>
        <!--其他费用-->
        <div class="projectTotal">
            <span class="PriceAll">总价：</span>
            <button class="buy" onclick="toOrder()">申购</button>
        </div>
    </div>
</div>
<div class="ipadDemain table-responsive">
    <table class="table table-bordered">
        <tr>
            <th colspan="5">${houseInfo.name}</th>
        </tr>
        <tr>
            <td colspan="5">${houseInfo.houseFeature}</td>
        </tr>
        <tr>
            <th colspan="5">房屋基本信息</th>
        </tr>
        <tr>
            <td>床型: 实体床</td>
            <td>房间类型：${houseInfo.houseType}</td>
            <td>卫生间： 1</td>
            <td>房源类型： 住宿加早餐</td>
            <td>床位： 1</td>
        </tr>
        <tr>
            <td>入住时间： 14:00</td>
            <td>退房时间： 12:00</td>
            <td>是否豢养宠物： 狗和猫</td>
            <td>可住：${houseInfo.personNum}人</td>
            <td>卧室： 1</td>
        </tr>
        <tr>
            <th colspan="5">便利设施</th>
        </tr>
        <tr>
            <td colspan="5">
            <c:forEach items="${houseInfo.equipmentDTOs}" var="equipment">
                <span>${equipment.name}</span>
            </c:forEach>
            <c:forEach items="${houseInfo.supportingDTOs}" var="supporting">
               <span>${supporting.name}</span>
            </c:forEach>
            </td>
        </tr>
        <tr>
            <th colspan="5">周次划分</th>
        </tr>
        <c:forEach items="${houseInfo.houseWeekDTOs}" var="list" varStatus="status">
        <tr>
            <td>${list.name}</td>
            <td colspan="2">${list.description}</td>
            <td>${list.price}元</td>
            <td><a class="btn btn-primary" style="color: #fff;" href="/order/form/${list.guid}">购买</a></td>
        </tr>
        </c:forEach>
    </table>
</div>
</body>
</html>